<template>
	<!-- 表格 -->
	<div class="table">
		<xw-search @search="search" :searchData="searchData" />
		<xw-header />
		<div style="padding:0 15px;flex: 1;overflow: hidden;position: relative;">
			<div style="height: 100%;position: absolute;width: calc(100% - 30px);">
				<el-table :data="tableData" border>
					<el-table-column type="selection" width="55" />
					<el-table-column type="index" label="序号" width="180" />
					<el-table-column prop="index" label="征" />
				</el-table>
			</div>
		</div>
		<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"
			:page-sizes="[10, 50, 100, 200]" :page-size="limit" layout="total, sizes, prev, pager, next, jumper"
			:total="total">
		</el-pagination>
	</div>
</template>

<script>
	import XwSearch from '@/components/XwSearch'
	import XwHeader from '@/components/XwHeader'
	// import tableMixins from '@/mixins/table'
	export default {
		components: {
			XwSearch,
			XwHeader,
		},
		// mixins: [tableMixins],
		data() {
			return {
				page: 1,
				limit: 10,
				total: 0,
				tableData: [{
					index: 123456
				}],
				searchData: {
					key: 'name',
					value: null,
					type: 'text'
				},
				searchShow: false
			}
		},
		created() {
			for (var i = 1; i < 18; i++) {
				this.tableData.push({
					index: i
				})
			}
		},
		methods: {
			handleSizeChange() {},
			handleCurrentChange() {},
			search() {

			},
		}
	}
</script>

<style lang="scss">
	.table {
		display: flex;
		flex-direction: column;
	}
</style>